@import 'tailwindcss';

@config '../tailwind.config.js';

@theme {
  --btn-padding: 0.5rem 1rem;
  --btn-radius: 0.375rem;
  --btn-font-weight: 500;
  --btn-transition: all 0.2s;
  --shadow-color: rgba(0, 0, 0, 0.1);
}

.text-shadow {
  text-shadow: 0 2px 4px var(--shadow-color);
}

.content-auto {
  content-visibility: auto;
}

.btn {
  padding: var(--btn-padding);
  border-radius: var(--btn-radius);
  font-weight: var(--btn-font-weight);
  transition: var(--btn-transition);
}
